<%--<%@ include file="../common/top.jsp"%>--%>
<%@ include file="../common/myTop.jsp" %>
<div id="Catalog">
    <%--    <form action="newOrderForm" method="post">--%>
        <h2>Information Complete</h2>
    <form id="order" action="confirmOrderForm" method="post">
        <table>
            <tr>
                <th colspan=2>Payment Details</th>
            </tr>
            <tr>
                <td>Card Type:</td>
                <td>
                    <select name="creditCardType" style="width: 170px;height: 23px">
                        <option value="Visa">Visa</option>
                        <option value="MasterCard">MasterCard</option>
                        <option value="American Express">American Express</option>
                    </select>
                </td>
            </tr>
            <tr>
                <td>Card Number:</td>
                <td><input type="text" name="order.creditCard" value="9999999999"/> * Use a fake number!</td>
            </tr>
            <tr>
                <td>Expiry Date (MM/YYYY):</td>
                <td><input type="text" name="order.expiryDate" value="12/2100"/></td>
            </tr>
            <tr>
                <th colspan=2>Billing Address</th>
            </tr>

            <tr>
                <td>First name:</td>
                <td><input type="text" size="40" name="order.billToFirstName"
                           value="${sessionScope.account.getFirstName()}"/></td>
            </tr>
            <tr>
                <td>Last name:</td>
                <td><input type="text" size="40" name="order.billToLastName"
                           value="${sessionScope.account.getLastName()}"/></td>
            </tr>
            <tr>
                <td>Address 1:</td>
                <td><input type="text" size="40" name="order.billAddress1"
                           value="${sessionScope.account.getAddress1()}"/></td>
            </tr>
            <tr>
                <td>Address 2:</td>
                <td><input type="text" size="40" name="order.billAddress2"
                           value="${sessionScope.account.getAddress2()}"/></td>
            </tr>
            <tr>
                <td>City:</td>
                <td><input type="text" size="40" name="order.billCity" value="${sessionScope.account.getCity()}"/></td>
            </tr>
            <tr>
                <td>State:</td>
                <td><input type="text" size="40" name="order.billState" value="${sessionScope.account.getState()}"/>
                </td>
            </tr>
            <tr>
                <td>Zip:</td>
                <td><input type="text" size="40" name="order.billZip" value="${sessionScope.account.getZip()}"/></td>
            </tr>
            <tr>
                <td>Country:</td>
                <td><input type="text" size="40" name="order.billCountry" value="${sessionScope.account.getCountry()}"/>
                </td>
            </tr>

            <tr>
                <td colspan=2>
                    <input type="checkbox" id="checkbox1" name="shippingAddressRequired" value="on">
                    <label for="checkbox1">Ship to different address...</label>
                </td>
            </tr>

        </table>
<%--                <input type="submit" id="show" name="newOrder" id="showModalBtn1" value="Continue"/>--%>
        <%--<button id="showModalBtn1">Continue</button>--%>

    </form>
        <button id="showModalBtn1">Continue</button>
        <span id="closeModalBtn">&times;</span>
</div>

<%--<%@ include file="../common/bottom.jsp"%>--%>
<%@ include file="../common/myBottom.jsp" %>